<%--
  Created by IntelliJ IDEA.
  User: argentum
  Date: 2018/12/9
  Time: 17:34
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>

    <title>作业详情</title>

    <%@ include file="../base/top.jsp" %>

</head>
<body class="no-skin">

<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">
                <div class="row">
                    <div class="col-xs-12">


                        <p style="margin-top: 30px; margin-bottom: 20px; font-size: 24px;  text-align: center; font-family: 'Microsoft Yahei', arial, Tahoma, sans-serif; background-repeat: no-repeat;">

                            教学计划管理系统</p>

                        <p style="font-size: 17px; text-align: center; font-family: 宋体; color: rgb(0, 0, 0); background-repeat: no-repeat;">
                            小组成员：小王、小李、小明、小刚</p>

                        <div class="col-xs-12" style="margin-top: 30px;">
                            <div class="col-xs-4 col-xs-offset-1" style="text-align: center">
                                <div class="form-group">
                                    <div>
                                        <img src="static/images/office-icon/word.ico"
                                             width="70px"></div>
                                    <div style="margin-top: 10px;">
                                        <p class="btn btn-link"
                                           style="font-size: 17px;  font-family: 宋体; background-repeat: no-repeat;">
                                            教学计划管理系统需求分析1.0
                                        </p>
                                    </div>
                                    <p style="margin-top: 15px; font-size: 17px; font-family: 宋体; color: rgb(0, 0, 0);">
                                        上传时间：2017/4/6 14:20</p>
                                    <p style="font-size: 17px; font-family: 宋体; color: rgb(0, 0, 0);">
                                        评阅状态：未评</p>
                                </div>
                            </div>
                            <div class="col-xs-4 col-xs-offset-1" style="text-align: center">
                                <div class="form-group">
                                    <div>
                                        <img src="static/images/office-icon/word.ico"
                                             width="70px"></div>
                                    <div style="margin-top: 10px;">
                                        <p class="btn btn-link"
                                           style="font-size: 17px;  font-family: 宋体; background-repeat: no-repeat;">
                                            教学计划管理系统需求分析评阅1.0<a onclick="" title="上传"><i
                                                id="nav-search-icon"
                                                class="ace-icon fa fa-cloud-upload bigger-110 nav-search-icon blue"></i></a>
                                        </p>
                                    </div>
                                    <div class="col-xs-12" style="margin-top: 15px; text-align: center">
                                        <p class="btn btn-xs btn-success"
                                           style="margin-top: 5px">格式错误
                                        </p>
                                        <p class="btn btn-xs btn-success"
                                           style="margin-top: 5px">格式错误
                                        </p>
                                        <p class="btn btn-xs btn-success"
                                           style="margin-top: 5px">格式错误
                                        </p>
                                        <p class="btn btn-xs btn-success"
                                           style="margin-top: 5px">格式错误
                                        </p>
                                        <p class="btn btn-xs btn-success"
                                           style="margin-top: 5px">格式错误
                                        </p>
                                        <a class="btn btn-sm btn-link"
                                           style="margin-top: 10px;"
                                           href="#modal-table"
                                           data-toggle="modal"
                                           title="编辑"><i
                                                class="ace-icon fa fa-pencil-square-o bigger-120"></i></a>
                                    </div>

                                    <div class="col-xs-12" style="margin-top: 20px; text-align: center">
                                        <p style="font-size: 17px; font-family: 宋体; ">
                                            小王90、小李80、小明85、小刚66<a class="btn btn-sm btn-link"
                                                                  href="#modal-table1"
                                                                  data-toggle="modal"
                                                                  title="编辑"><i
                                                class="ace-icon fa fa-pencil-square-o bigger-120"></i></a></p>
                                    </div>

                                    <div class="col-xs-12" style="margin-top: 10px; text-align: center;">
                                        <input style="width: 80%" type="text" id="form-field-1" placeholder="请输入评语"/>
                                    </div>
                                    <div class="col-xs-12" style="margin-top: 10px; text-align: center">
                                        <a class="btn btn-lg btn-primary" style="margin-top: 20px;" onclick="">提交</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.page-content -->
    </div>
</div>

<!-- /.main-content -->


<div id="modal-table" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    软件151-2
                </div>
            </div>

            <div class="modal-body no-padding">
                <div class="col-sm-10">
                    <label class="checkbox-inline">
                        <input type="checkbox" value="option1" id="inlineCheckbox1">格式错误</label>
                    <label class="checkbox-inline">
                        <input type="checkbox" value="option2" id="inlineCheckbox2">格式错误</label>
                </div>
            </div>

            <div class="modal-footer no-margin-top">
                <button class="btn btn-sm btn-danger pull-left"
                        data-dismiss="modal">
                    <i class="ace-icon fa fa-times"></i>
                    确认
                </button>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

<div id="modal-table1" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header no-padding">
                <div class="table-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">
                        <span class="white">&times;</span>
                    </button>
                    软件151-2
                </div>
            </div>

            <div class="modal-body no-padding">
                <div class="col-sm-10">
                    <label class="checkbox-inline">小王
                        <input type="text" value="option1"></label>
                    <label class="checkbox-inline">小李
                        <input type="text" value="option2"></label>
                    <label class="checkbox-inline">小明
                        <input type="text" value="option2"></label>
                    <label class="checkbox-inline">小刚
                        <input type="text" value="option2"></label>
                </div>
            </div>

            <div class="modal-footer no-margin-top">
                <button class="btn btn-sm btn-danger pull-left"
                        data-dismiss="modal">
                    <i class="ace-icon fa fa-times"></i>
                    确认
                </button>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<!-- 返回顶部 -->
<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>

</div>
<%@ include file="../base/foot.jsp" %>
<script type="text/javascript">
    $(top.hangge());//关闭加载状态
    $(function () {
        //复选框全选控制
        var active_class = 'active';
        $('#simple-table > thead > tr > th input[type=checkbox]').eq(0).on('click', function () {
            var th_checked = this.checked;//checkbox inside "TH" table header
            $(this).closest('table').find('tbody > tr').each(function () {
                var row = this;
                if (th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
                else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
            });
        });
    });
</script>


</body>
</html>
